<ion-header>
    <header-component>
        <ion-toolbar>
            <ion-buttons class="button-left">
                <img navBackButton src="assets/imgs/return.svg" alt="">
            </ion-buttons>
            <ion-title>告警</ion-title>
        </ion-toolbar>
    </header-component>
</ion-header>

<ion-content class="alarm-report">
    <alarm-tab [functionList]="functionList" (changeAlarmTab)="changeAlarmTab($event)"></alarm-tab>
    <section>
        <div *ngIf="state ==='alarmCount'">
            <alarm-count [type]="type"></alarm-count>
        </div>
        <div *ngIf="state ==='alarmDeal'">
            <alarm-deal [type]="type"></alarm-deal>
        </div>
    </section>
    <section *ngIf="type === 2">
        <div *ngIf="state ==='alarmCount'">
            <alarm-count [type]="type"></alarm-count>
        </div>
        <div *ngIf="state ==='alarmDeal'">
            <alarm-deal [type]="type"></alarm-deal>
        </div>
    </section>
</ion-content>